<!-- 立井表格 -->
<template>
  <div class="table">
    <div v-for="(item, index) in tableList" :key="index">
      <table height="200px" width="50%">
        <tr>
          <td>立井名称</td>
          <td>{{ item.Name }}</td>
        </tr>
        <tr>
          <td>开停</td>
          <td>{{ item.IsOn === true? '开': item.IsOn === false? '停':'停' }}</td>
        </tr>
        <tr>
          <td>提升次数</td>
          <td>{{ item.Speed }}</td>
        </tr>
        <tr>
          <td>提升重量</td>
          <td>{{ item.An }}</td>
        </tr>
        <tr>
          <td>位置速度</td>
          <td></td>
        </tr>
        <tr>
          <td>电流</td>
          <td></td>
        </tr>
        <tr>
          <td>电压</td>
          <td></td>
        </tr>
        <tr>
          <td>有功功率</td>
          <td></td>
        </tr>
        <tr>
          <td>绕组温度</td>
          <td></td>
        </tr>
        <tr>
          <td>轴承温度</td>
          <td></td>
        </tr>
        <tr>
          <td>报警状态</td>
          <td>{{item.WarningLevel == 0?  '正常': item.WarningLevel == 1? '预警' : 报警  }}</td>
        </tr>
        <tr>
          <td>报警事件</td>
          <td>{{item.WarningMessage}}</td>
        </tr>
      </table>
    </div>
  </div>
</template>

<script>
  export default {
    props: ['tableList'],
    data() {
      return {
      }
    },
    mounted() {
      console.log(this.tableList)
    },
  }

</script>


<style lang="scss" scoped>
  table {
    background: none;
    border: none;
    border-radius: 6px;
    text-align: center;
    color: #5fc2b3;
    border-color: #3e54cd;
    border: none;
    padding: 2px 0 !important;
    text-align: center;
    border: 1px solid #5fc2b3;
    background-color: #24406c;
    margin: 0 auto;
    .status {
      .alarmHalo {
        position: absolute;
        right: 52px;
        bottom: 64px;
      }
    }
  }

  table tr {
    font-size: 12px;
    border: 1px solid #5fc2b3;
    td {
      border-right: 1px solid #5fc2b3;
      padding: 10px 0px;
    }
  }

.table {
}
</style>
